@media only screen and (min-width: 768px) {
    .wy-side-nav-search {
        /* Keep the search field visible when scrolling down */
        position: fixed;
    }
}

@media only screen and (min-width: 768px) {
    .wy-menu-vertical {
        /* Account for the fixed logo and search form */
        /* (prevents the navbar from being hidden behind it) */
        margin-top: 100px;
    }
}

/* Increase content width to utilize available browser space */
@media screen and (min-width: 1400px) {
    .wy-nav-content {
        max-width: 1200px;  /* Increase from default ~800px */
    }
}

@media screen and (min-width: 1600px) {
    .wy-nav-content {
        max-width: 1400px;  /* Utilize more space on very wide screens */
    }
}

/* Allow tables to scroll horizontally when they exceed content width */
.wy-table-responsive table td,
.wy-table-responsive table th {
    white-space: normal !important;
}

.wy-table-responsive {
    overflow: visible !important;
}

/* Optional: Make tables full-width when they have wide content */
.rst-content table.docutils {
    width: 100%;
    max-width: 100%;
}
